﻿@charset "utf-8";
/* CSS Document */

/* ================= Body  ================= */
body{	
	
	font-family: Arial;	
	font-size:10px;
	/*color:#737F89;*/
	height:100%;
	min-height:530px;
	margin: 0px;
	
}

.mainbg	{background:#FFF url(../images/header-Home.jpg) repeat-x 0px 0px !important;}
	

/* ================= General ================= */
#wrapper{
	height:auto;
	min-height:100px;
	/*width:960px;*/
	width:1060px;
	margin:auto;			
 }
 

#main{	
	height:auto;
	min-height:500px;	
	width: 100%;
	padding: 0px;
	margin-top:20px;
	position: relative;
	text-align:right;
 }
 
 
#footer{
    background-image: url("../images/footer-Home.jpg");
    background-repeat: repeat-x;
    background-position: bottom;
    clear: both;
    width: 100%;
    text-align: center;
    font-size: 11px;
    line-height: 49px;
    color: white;
    position: relative;
    bottom:-125px;
}

.clearfooter {
    height: 60px;
    clear: both;
}

#clear{ clear:both;}
    
.blankdiv
{
    height:85px; 
    width:100%;
    
}

.printbuttondiv
{
    height:30px; 
    width:100%;
    
}
.btndiv
{
    text-align:left;
    padding-bottom:5px;
    padding-left:2%;
    padding-right:0;
    padding-top:0;
 }

.ftmbtndiv
{
    text-align:left;
    padding-bottom:5px;
    padding-left:2%;
    padding-right:0;
    padding-top:0;
 }

.frmbtndiv{    
    margin: 10px 10px 10px 20px;
    text-align:left;
    
}


.txtleft
{
    text-align:left !important;
    }
    
.txtright
{
    text-align:right;
}

.txtjustified
{
    text-align:justify;
}
    
.txtcenter
{
    text-align:center;
    }

.blankdiv
{
    height:20px;
    width:500px; /*No exactd value*/
          }
          
 .paddingzerodiv
{
    padding-bottom:0px !important;
    /*No exactd value*/
  }
  
  
.searchDiv{
      width:96%;
      border:1px ridge #CBDAE8;
      /*border-style:solid;
      border-color:#CBDAE8 !important;*/
      height:46px;
      margin:auto;
      vertical-align:middle;
}
.searchtxt
{
          margin-right:25px; 
          margin-top:10px;
}
.welcomemsg{
	float: right; 
	margin: 7px 4px 0 0;
	font-weight:bold;	
}

/* ================= Header ================= */

#header{
	height: auto;	
	color: #FFFFFF;	

}

#header #pnlheader{
	width: 100%;
	height: 28px;
	float: left;	
	text-align: right;
	font-family:Arial;
}

#header #pnlHeader #pnlSupport{
	font-size: 10px;
	text-align: left;	
	width: auto;
	float: left;
	margin: 7px 4px 0 0;
	color: #fff;
}

#header #pnlHeader #pnlLogout{
	width: auto; 
	float: right;	
}

.usertext{
	float: right; 
	margin: 7px 4px 0 0;	
}

.passwrdnotification{
	float: right; 
	margin: 7px 4px 0 0;
	color:#FF0000;
	font-weight:bold;	
}


#pnlHeader
{
    font-family:Verdana;
    height: 30px;
    width: 100%;
}

/* =================Main menu ================= */

#header #pnlMenu{
	width: 100%;
	height: 87px;
	float: left;	
	text-align: center;
	margin-bottom: 20px\9;
/*	clear: both;*/
	
}

#header #pnlMenu #menulogo{
	width:217px !important;	
 	background:url("../images/ClientLogo-Home.png") no-repeat  !important;
	height:64px;
	margin: 12px 0px 0px 0px;
	background-position:bottom ;
	float:left;
	
}

#header  #pnlMenu #menuitems{
	display: inline;
	float:right;	
	height:88px;
	/*width:650px;*/
	width:800px;
	text-align:right;
}

 #menuitems ul li div{
	height:51px; 
	width:127px; 
	background-position:bottom;
 }
  
#menuitems ul {
	list-style-type: none;		
	margin-top: 17px;
	float:right;
 }

#menuitems ul li
{
        padding:20px 0;
}


#menuitems ul li ul
{
    display:none;
    margin-top:0px;
    z-index:1000;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    background: #c0e1f3;
    background: -moz-linear-gradient(top, #c0e1f3 0%, #edf2f6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c0e1f3), color-stop(100%, #edf2f6));
    background: -webkit-linear-gradient(top, #c0e1f3 0%, #edf2f6 100%);
    background: -o-linear-gradient(top, #c0e1f3 0%, #edf2f6 100%);
    background: -ms-linear-gradient(top, #c0e1f3 0%, #edf2f6 100%);
    background: linear-gradient(top, #c0e1f3 0%, #edf2f6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c0e1f3', endColorstr='#edf2f6');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#c0e1f3', endColorstr='#edf2f6')";
    border:1px solid #afc8d3;
    margin-left:-10px;
    width: 187px; 
}

#menuitems ul li ul li
{
    padding:0!important;
}

#menuitems ul li ul li a {
    display: block;
    text-decoration: none;
    color: #555;
    border-bottom: 1px solid #ffffff;
    padding: 15px 15px 15px 15px;
    margin-left: 1px;
    margin:0 5px;
    white-space: nowrap;
    overflow:hidden;          
}

#menuitems ul li ul li a:hover 
{
    color:#000;
    overflow:hidden;
}

#menuitems ul li:hover ul {
    display: block;
    position: absolute;
    text-align:left;
}
#menuitems ul li:hover li {
        float: none;
}
#menuitems ul li:hover a 
{
    overflow:hidden;
}
#menuitems ul li:hover li a:hover {
    overflow:hidden;
    background: #c0e1f3;
    background: -moz-linear-gradient(top, #c0e1f3 0%, #edf2f6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c0e1f3), color-stop(100%, #edf2f6));
    background: -webkit-linear-gradient(top, #c0e1f3 0%, #edf2f6 100%);
    background: -o-linear-gradient(top, #c0e1f3 0%, #edf2f6 100%);
    background: -ms-linear-gradient(top, #c0e1f3 0%, #edf2f6 100%);
    background: linear-gradient(top, #c0e1f3 0%, #edf2f6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c0e1f3', endColorstr='#edf2f6');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#c0e1f3', endColorstr='#edf2f6')";
}

/* 
ul.second
{
    display:none	 
 }
li:hover ul.second {
    display: block;
    position: absolute;
}
 ul.second li a:hover {
    background: #222222;
}

/*#menuitems ul li a.Hide_Top_Divider{
	background-image:none
}

 #menuitems ul li a {
	background:	url(../images/Top_Divider.png) no-repeat right top;
	font-size:14px;
	padding:0 20px;
	color:#000;
	text-transform:uppercase;
	text-shadow:#222;
}

#menuitems ul a:hover, #menuitems ul li a.Hide_Top_Divider:hover {	    			
	padding:19px;
	padding-right:2px!important;
	height: 47px;
	width:auto;
	background:	url(../images/Top_Menu_left.png) no-repeat left top;	
}

#menuitems ul li:hover {	    			
	float:left;
	padding-right:17px;
	display:inline-block;
	height: 47px;
	background:	url(../images/Top_Menu_right.png) no-repeat right top;	
}*/
		
#menuitems li{ float:left;}	
#menuSecurity{background-image:url(../images/security.png); font-size:0px;cursor:pointer;}
#menuSecurity:hover, .menuSecurity-hover{background-image:url(../images/security_hoover.png) !important; font-size:0px;}
#menuMeeting{background-image:url(../images/meeting.png); font-size:0px;cursor:pointer;}
#menuMeeting:hover, .menuMeeting-hover{ background-image:url(../images/meeting_hoover.png) !important; font-size:0px;}		
#menuAbout{ background-image:url(../images/about.png); font-size:0px;cursor:pointer;}
#menuAbout:hover, .menuAbout-hover{ background-image:url(../images/about_hoover.png) !important; font-size:0px;}
#menuUser{ background-image:url(../images/user.png); font-size:0px;cursor:pointer;}
#menuUser:hover, .menuUser-hover{ background-image:url(../images/user_hoover.png) !important; font-size:0px;}
#menuRoles{background-image:url(../images/Roles.png); font-size:0px;cursor:pointer;}
#menuRoles:hover, .menuRoles-hover{ background-image:url(../images/Roles_hoover.png) !important; font-size:0px;}
#menuReport{background-image:url(../images/report.png); font-size:0px;cursor:pointer;}
#menuReport:hover, .menuReport-hover{ background-image:url(../images/report_hoover.png) !important; font-size:0px;}
#menuSettings{ background-image:url(../images/settings.png); font-size:0px;cursor:pointer;}
#menuSettings:hover, .menuSettings-hover{background-image:url(../images/settings_hoover.png) !important; font-size:0px;}		
#menuPapers{background-image:url(../images/papers.png); font-size:0px;cursor:pointer;}
#menuPapers:hover, .menuPapers-hover{ background-image:url(../images/papers_hoover.png) !important; font-size:0px;}
#menuProfile{background-image:url(../images/Profile.png); font-size:0px;cursor:pointer;}
#menuProfile:hover, .menuProfile-hover{ background-image:url(../images/Profile_hoover.png) !important; font-size:0px;}	
#menuPastPapers{background-image:url(../images/Past_Papers.png); font-size:0px;cursor:pointer;}
#menuPastPapers:hover, .menuPastPapers-hover{ background-image:url(../images/Past_Papers_hoover.png) !important; font-size:0px;}
#menuInfo{background-image:url(../images/info.png); font-size:0px;cursor:pointer;}
#menuInfo:hover, .menuInfo-hover{ background-image:url(../images/info_hoover.png) !important; font-size:0px;}


/* =================Contetnt ================= */

.pnltablecontent{
	border:1px ridge #bbbbbb;
	-moz-border-radius:10px;
	border-radius:10px;	
	width: 99%;
	width: 99%\9;
	height:auto;	
	min-height:180px;
	overflow:visible;
	position: inherit;
	background:#fff url(../images/DataTables_Wrapper_bg.png) repeat-x 0 34px;
}

 .pnlcontentheader{
	background:#f5f5f5 url(../images/content_heater.png) repeat;		
	font-weight: bold;
	font-size:12px;
	border-radius:7px 7px 0 0;
	-moz-border-radius:7px 7px 0 0;
	color:#3f3f3f;	
	text-align:left;
	height: 22px;
    padding-left: 2%;
    padding-top: 11px;
	vertical-align:middle;
	margin-top: 2px;
}

.container-agenda{
	border:1px ridge #CCCCCC;
	margin:0px 2% 2%;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
	height:auto;
	overflow:visible;
	margin-top: 10px;
	position: inherit;
	background-color: white;
	font-size:16px;
	text-align:left;
}

ul.title-description{
	display: inline-block;
	margin: 0;
	padding: 0;
	text-align:left!important;
}
	ul.title-description li{
	  width: auto;
	  float: left;
	  padding:7px 30px 7px 10px;
	  border-right:1px solid #ddd;
	  list-style: none;
	}
	.borderno{border-right:0px none #fff!important;}


/* ================= Text ================= */


.redtxt
{
  font-weight: bold;  
  color:#FF0000 !important;
  font-size:10px !important;
}

.redstar
{
   background:url(../images/red_star.gif) no-repeat !important;
   height:15px;
   width:15px;
   display: inline-block;
}

.blacktxt{color:#dddcda;}
.supporttxt{font-size: 12px; font-family:Verdana;}
.centeredtxt{text-align:center;}
.normaltxt{font-size: 12px;}
.boldtxt{font-weight: bold;}



/* ================= style clases for================= */

.smallwidth{ width:150px;}
.mediumwidth{ width:200px;}


/* ================= Button ================= */

.normalbutton{float:right;}

	.normalbutton .button:hover{
	background: #ededed!important;
    background: -moz-linear-gradient(top, #ededed 0%, #8f8f8f 100%)!important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ededed), color-stop(100%, #8f8f8f))!important;
    background: -webkit-linear-gradient(top, #ededed 0%, #8f8f8f 100%)!important;
    background: -o-linear-gradient(top, #ededed 0%, #8f8f8f 100%)!important;
    background: -ms-linear-gradient(top, #ededed 0%, #8f8f8f 100%)!important;
    background: linear-gradient(top, #ededed 0%, #8f8f8f 100%)!important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#8f8f8f')!important;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#8f8f8f')"!important;
    border:1px solid #fefcfc!important;
	text-shadow:none!important;
	 border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	color:#000;
	}

.button {
    color: #fff;
    font: bold 12px"Verdana", Arial, Helvetica, sans-serif;
    text-decoration: none;    
    position: relative;
    display: inline-block;	
    text-shadow:none!important;
    -webkit-transition: border-color .219s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background: #1e1e1e url(../images/Logout-headerbutton.png) repeat !important;
    /*background: -webkit-gradient(linear,0% 30%,0% 100%,from(#434343),to(#141414));
    background: -moz-linear-gradient(linear,0% 30%,0% 100%,from(#434343),to(#141414));*/
    border: solid 1px #4b4b4b;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	margin: 0 0 4px;
	padding: 2px 6px;
	vertical-align:middle;
	cursor:pointer;
}

.button:hover {
    color: #fff;
    border-color: #daa000;
	text-shadow:none!important;
    /*-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);*/
	-webkit-transition: border-color .219s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background: #444444 url() repeat !important;
    background: -webkit-gradient(linear,0% 30%,0% 100%,from(#444444),to(#1e1e1e));
    background: -moz-linear-gradient(linear,0% 30%,0% 100%,from(#444444),to(#1e1e1e));
    border: solid 1px #1e1e1e;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
   
}

.button:active {
    color: #000;
    border-color: #444;
}



/* ================= Notification ================= */
.msgnotification{
    margin:14px auto 16px auto;
	width:94%;
	width:94%\9;
	height:22px;
	line-height:22px;
	background-color:#F0F0F0;
	background-image: url("../images/error.png");
	background-repeat:no-repeat;
	background-position: 4px center;
	font-weight: bold;
	text-align: left;
	text-indent: 6px;
	padding-left:20px;
	/*padding-top:4px;*/
	vertical-align:middle;
	border:1px solid ;
	border-radius: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    color:#3f3f3f;
    border-color:#aaa;	
}

.successmsgnotification{
    margin:14px auto 16px auto;
	width:94%;
	width:94%\9;
	height:22px;
	line-height:22px;
	background-color:#F0F0F0;
	background-image: url("../images/tick.png");
	background-repeat:no-repeat;
	background-position: 4px center;
	font-weight: bold;
	text-align: left;
	text-indent: 6px;
	padding-left:20px;
	/*padding-top:4px;*/
	vertical-align:middle;
	border:1px solid ;
	border-radius: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    color:#3f3f3f;
    border-color:#aaa;	
}

.successfulmsg
{
    background-color:#F0F0F0 !important;
    text-align: left;
     margin:14px auto 16px auto;
	width:94%;
	width:94%\9;
	height:22px;
	line-height:22px;	
	font-weight: bold;	
	text-indent: 6px;
	padding-left:20px;
	/*padding-top:4px;*/
	vertical-align:middle;
	/*border:1px solid ;*/
	border-radius: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    color:#3f3f3f;
    border-color:#aaa;	
}

.infomsg
{
    margin:14px auto 16px auto;
	width:94%;
	width:94%\9;
	height:auto;
	min-height:22px;
	line-height:22px;
	background-color:#F0F0F0;
	background-image: url("../images/information.png");
	background-repeat:no-repeat;
	background-position: 4px center;
	font-weight: bold;
	text-align: left;
	text-indent: 6px;
	padding-left:20px;
	/*padding-top:4px;*/
	vertical-align:middle;
	/*border:1px solid ;*/
	border-radius: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    color: #3f3f3f;
border: 1px solid #aaa;	
}

/* ================= form ================ */

 .pnlformcontent{
	border:1px ridge #CCCCCC;
	-moz-border-radius:10px;
	border-radius:10px;	
	width: 96%;
	width: 96%\9;
	height:auto;	
	overflow:visible;
	margin: 15px auto 0 auto;
	position: inherit;
    background-color: white;
    
}


/*.tableformView .formnotificationmsg{
	border:1px ridge transparent;	
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius:10px;
	width: 95%;
	height:20px;
	background-color:#ffe4e1;	
	margin-left: 2%;
	margin-right: 3%;		
	font-weight: bold;
	margin-top:5px;
}*/


/* ================= menu pop commen ================ */

 div.tool-menu-icon, .tool-menu-icon-hide
 {
     background:transparent url("../images/toggle.png") no-repeat;
     height:26px;
     width:26px; 
     cursor: pointer
	    
}
div.tool-menu-pop {
    display:none;
    background: #dadada url("../images/Tool-Menu-Pop-BG.png") repeat-x;
    position: absolute;
    padding:3px;
    width:165px;
    margin-left: -165px;
    margin-top: -18px;
    border: 1px #cccccc solid;
    z-index:100!important;
    -moz-border-radius:7px;
	border-radius:7px;
	text-align:left!important;
}
div.tool-menu-pop-new{
    margin-left: -150px;
}
.view-user-pop
{
    margin-left: -135px!important; 
}
.apend div.tool-menu-pop
{
  margin-left: 25px;  
}
div.tool-menu-pop-container  
{
    display: inline-block; 
    width:170px!important; 
    height: 30px!important; 
    vertical-align:middle; 
    background:transparent url("../images/tool-menu-pop-bottom-line.png") no-repeat bottom
    }   
div.tool-menu-pop-container img 
{
    padding-top:6px; 
    margin:0px; 
    width:20px; 
    height:20px; 
    float:left;
}	
div.tool-menu-pop-container a 
{
    color: #595959; 
    text-decoration:none; 
    float:left; 
    padding: 10px; 
    width: 74%;
    }    
.tool-menu-pop-container div
{
    color: #414141; 
    text-decoration:none; 
    float:left; 
    padding: 10px; 
    width: 74%;
  
    }
    
.tool-menu-pop-container div:hover 
{
    color: #07A1ED; 
    text-decoration:none; 
 }

/*--------------------*/
.version
{
    color:#6b6a6a;
    text-align:left; 
    font-weight:bold; 
    padding-left: 434px;
    margin-top: -115px; 
}

/* ================= Print Priview  styles================ */

.printheader{
	width:217px !important;	
 	background:url("../images/ClientLogo-Home.png") no-repeat  !important;
	height:64px;	
    margin-left: 833px;
}


/* ================= Pack Delivery Status Report styles================ */
.packdeliveryth
{
         /*-moz-transform:rotate(-90deg); 
         -webkit-transform: rotate(-90deg);
         -o-transform: rotate(-90deg);
         
         filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
         display:table-caption;
         height:80px;
         line-height:80px;
         line-height:20px\9;
         height:20px\9;
        position:relative;
        text-align:center;*/
}

.previewButton {
    color: #fff;
    font: bold 12px"Verdana", Arial, Helvetica, sans-serif;
    text-decoration: none;    
    position: relative;
    display: inline-block;	
    text-shadow:none!important;
    background: #222 url("") repeat !important;
    border: solid 1px #ccc;
    border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
	margin: 0 0 4px;
	padding: 10px 15px 5px 15px;
	vertical-align:middle;
}

#loadingIcon {
    background-image: url('../Images/loading.gif');
    background-repeat: no-repeat;
    height: 50px;
    width: 25px;
    padding: 4px 0 0 25px;
    display: none;
    overflow:inherit;
}   

#loadingIconi {
    background-image: url('../Images/loading.gif');
    background-repeat: no-repeat;
    height: 50px;
    width: 25px;
    padding: 4px 0 0 25px;
    display: none;
    overflow:inherit;
}   

#Error{ display: none}
	
#Errori{ display: none}

.validation-summary-errors
{
    margin:14px auto 16px auto;
	width:94%;	
	height:auto;
	line-height:22px;
	background-color:#F0F0F0;
	background-image: url("../images/error.png");
	background-repeat:no-repeat;
	background-position: 4px center;
	font-weight: bold;
	text-align: left;
	text-indent: 6px;
	padding-left:20px;
	/*padding-top:4px;*/
	vertical-align:middle;
	border:1px solid ;
	border-radius: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    color:#3f3f3f;
    border-color:#aaa;
    background-position:1px 2px;
    
}

.apend div.node .paper-icons img {
    float: none;
}

.apend div.node .paper-icons {
float: left; text-align: right; width: 44px; margin-right: 5px
}

.paintJug
{
    width: 35px;height: 30px;position: absolute;background-image: url('../Images/color_jug.png');background-color: transparent;cursor:pointer;margin:1px 0px 0px 1px
}

/* FAQ */
.FAQ { text-align:left;
       width:72%;
       float:right; 
    }
.FAQ li{ 
	
	}
	.FAQ li img{
		padding-top:10px;
	}
	.FAQ h2{
	color: #444444;
    font-size: 18px;
    font-weight:bold;
    margin-bottom: 0.8em;
	}
	.FAQ h3{
		border-top: 1px dashed #E5E5E5; 
		padding:10px;
		padding-left:20px;
		font-size: 16px; 
		color: #4b4b4b;
		cursor:pointer;
		background:url("../images/arrows.png") no-repeat scroll left -276px transparent
	}
	.FAQ h3.bold{
		font-weight:bold;
		background:url("../images/arrows.png") no-repeat scroll left -249px transparent	
	}
	.FAQ ul
	{

	}
	.FAQ ul li{
		margin: 0.4em 1.5em;
		color: #3B5998;
		list-style-type: square;
	}
	.FAQ ul li div{
		padding: 0.35em 0;
		color:#333333;
	}
	
	/* FAQ Left Menu */
.FAQ-left-menu { text-align:left;
       width:23%;
       padding-right:5%;
       float:left; 
    }
.FAQ-left-menu ul li a{ 
	border-bottom: 1px solid #F2F2F2;
    display: block;
    outline: 0 none;
    padding: 9px 30px 9px 8px;
	color:#575757;
    position: relative;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    /*background: url("../images/arrows.png") no-repeat scroll right -316px transparent;*/
	}
	.FAQ-left-menu ul li a:hover{ 
	border-bottom: 1px solid #e3e3e3;
    background-color:#eeeeee;
	}
	
	.FAQ-left-menu ul li a:focus{ 
    background-color:#efefef;
    text-shadow: 0 0 0 rgba(255, 255, 255, 0.2);
	}
	.FAQ-left-menu ul li ul li
	{ 
	    background: url("../images/arrows.png") no-repeat scroll -2px -280px #efefef!important;  
	 }
	 .FAQ-left-menu ul li ul li a
	{ 
	   padding-left:18px;
	 }
	.FAQ-left-menu ul li ul li a:hover
	{ 
	    
	 }
	 .FAQ-left-menu ul li ul li a:focus
	 {
	     background-color:#cecece;
	 }
	.FAQ-left-menu ul li ul li ul li
	{ 
	    background: url("../images/arrows.png") no-repeat scroll 7px -280px #e1e1e1!important; 
	 }
	 .FAQ-left-menu ul li ul li ul li a
	{ 
	   padding-left:26px!important; 
	 }
	 .FAQ-left-menu ul li ul li ul li a:hover
	{ 
	    background: url("../images/arrows.png") no-repeat scroll 7px -252px #e1e1e1!important; 
	 }
	 .FAQ-left-menu ul li ul li ul li a:focus
	 {
	     background-color:#91c9e8;
	 }
/* FAQ view list of images */

ul.view-list-images
{
     clear: both;
    margin-bottom: 40px;
    margin-left: 0;
    overflow: hidden;    
    }
    
    ul.view-list-images li
    {
    float: left;
    margin-right: 20px;
    text-align: center;
    vertical-align: top;
    list-style-type:none;
    }	
    ul.view-list-images li a
        {
        color: #666666;
        display: block;
        }
        ul.view-list-images li a:hover
        {
        color: #333;
        } 
        ul.view-list-images li a img
        {
            height: 130px;
            margin-bottom: 10px;
            opacity: 0.80;
            width: 200px;
         }
         ul.view-list-images li a:hover img
        {
            opacity: 1;
         }
         ul.view-list-images li b
         {
                display : block;
                font-size: 13px;
                font-weight: normal;
                margin-bottom: 10px;
         }
	/* selected */	
.timePickerContainer .selector, .timePickerContainer .cmbselect
{
    width:56px!important;
    min-width:56px!important;
    margin-left:4px;
    }
    
    .cmbselect
    {
        margin-left:4px!important;
    }
    
      /* FAQ */
.FAQ { text-align:left;
       width:72%;
       float:right;
       margin-top: -10px; 
    }
.FAQ li{ 
	
	}
	.FAQ li img{
		padding-top:10px;
	}
	.FAQ h2{
	color: #444444;
    font-size: 18px;
    font-weight:bold;
    margin-bottom: 0.8em;
	}
	.FAQ h3{
		border-top: 1px dashed #E5E5E5; 
		padding:10px;
		padding-left:20px;
		font-size: 16px; 
		color: #15538c;
		cursor:pointer;
		background:url("../images/arrows.png") no-repeat scroll left -276px transparent
	}	
	.FAQ h3 a{
		font-size: 16px; 
		cursor:pointer;
	}	
	.FAQ h3.bold{
		font-weight:bold;
		background:url("../images/arrows.png") no-repeat scroll left -249px transparent	
	}
	.FAQ h4
	{
	    border-top: 1px dashed #E5E5E5; 
		padding:10px;
		padding-left:20px;
		font-size: 16px; 
		color: #15538c;
		background:url("../images/arrows.png") no-repeat scroll left -276px transparent
	}
	.FAQ div.support
	{
	   font-size: 14px; 
	   border-bottom: 1px dashed #E5E5E5;  
	   padding:1%; 
	   padding-left:3%;
	   margin-right:1%;
	   width:45%;
	   float:left;  
	}
	.FAQ div.support b
	{
	  font-size: 15px;
	  color:#220022;  
	    }
	
	.FAQ ul
	{
        padding-left:28px;
	}
	.FAQ ol
	{
        padding-left:8px;
	}
	.FAQ ul li, .FAQ ol li{
		margin: 0.4em 1.5em 0.5em 0.5em;
		color: #3B5998;
		list-style-type: square;
	}
	.FAQ ul li div{
		padding: 0.35em 0;
		color:#333333;
	}
	
	/* FAQ Left Menu */
.FAQ-left-search
{
    height:50px;
}
.FAQ-left-menu { text-align:left;
       width:23%;
       padding-right:5%;
       float:left; 
    }
.FAQ-left-menu ul li a{ 
	border-bottom: 1px solid #e9e9e9;
    color: #8f8f8f;
    display: block;
    outline: 0 none;
    padding: 10px 30px 9px 20px;
    position: relative;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background: url("../images/arrows.png") no-repeat scroll 5px -316px transparent;
	}
	.FAQ-left-menu ul li a:hover{ 
    background-color:#F0F0F0;
	}
	
	.FAQ-left-menu ul li a:focus{ 
    background: url("../images/arrows.png") no-repeat scroll 5px -316px #F0F0F0;
    text-shadow: 0 0 0 rgba(255, 255, 255, 0.2);
	}
	.FAQ-left-menu ul li ul li a
	{ 
	    background: url("../images/arrows.png") no-repeat scroll 8px -278px #f7f7f7!important; 
	    padding-left:26px; 
	 }
	.FAQ-left-menu ul li ul li a:hover
	{ 	   
	    color: #b3b3b3; 
	 }
	 .FAQ-left-menu ul li ul li a:focus
	 {
	      background: url("../images/arrows.png") no-repeat scroll 8px -250px #f9f9f9!important;
	      color: #b3b3b3;  
	 }
	 .FAQ-left-menu ul li ul li ul li a
	{ 
	   padding-left:34px!important;
	   background: url("../images/arrows.png") no-repeat scroll 16px -240px #F0F0F0!important;  
	 }
	 .FAQ-left-menu ul li ul li ul li a:hover
	{ 
	    background: url("../images/arrows.png") no-repeat scroll 16px -240px #E8E8E8!important;
	    color: #B2b2b2;
	    border-bottom: 1px solid #F9f9f9;  
	 }
	 .FAQ-left-menu ul li ul li ul li a:focus
	 {
	      background: url("../images/arrows.png") no-repeat scroll 16px -240px #E8E8E8!important;
	      border-bottom: 1px solid #F9f9f9; 
	 }
/* FAQ view list of images */
.FAQ-Help-Top
{
    background: url("../Images/help/help_center.png") no-repeat scroll 0 0 transparent;
    height: 65px;
}
ul.view-list-images
{
     clear: both;
    margin-bottom: 40px;
    margin-left: 0;
    overflow: hidden;    
    }
    
    ul.view-list-images li
    {
    float: left;
    text-align: center;
    vertical-align: top;
    list-style-type:none;
    }	
    ul.view-list-images li a
        {
        color: #666666;
        display: block;
        }
        ul.view-list-images li a:hover
        {
        color: #333;
        } 
        ul.view-list-images li a img
        {
            background-color: #FFFFFF;
            height: 130px;
            margin-bottom: 10px;
            opacity: 0.80;
            width: 200px;
         }
         ul.view-list-images li a:hover img
        {
            opacity: 1;
         }
         ul.view-list-images li b
         {
                display : block;
                font-size: 13px;
                font-weight: normal;
                margin-bottom: 10px;
         }
         
         ul.view-list-images li a.about
         {
             background:#fff url("../Images/help/help_about.png") no-repeat;
             height:139px;
             width:211px;
         }ul.view-list-images li a.about:hover
         {
             background:#fff url("../Images/help/help_about_hover.png") no-repeat;
         }
          ul.view-list-images li a.what
         {
             background:#fff url("../Images/help/help_what.png") no-repeat;
             height:139px;
             width:211px;
         }ul.view-list-images li a.what:hover
         {
             background:#fff url("../Images/help/help_what_hover.png") no-repeat;
         }
          ul.view-list-images li a.user_manual
         {
             background:#fff url("../Images/help/help_user_manual.png") no-repeat;
             height:139px;
             width:211px;
         }ul.view-list-images li a.user_manual:hover
         {
             background:#fff url("../Images/help/help_user_manual_hover.png") no-repeat;
         }
          ul.view-list-images li a.support
         {
             background:#fff url("../Images/help/help_support_info.png") no-repeat;
             height:139px;
             width:211px;
         }ul.view-list-images li a.support:hover
         {
             background:#fff url("../Images/help/help_support_info_hover.png") no-repeat;
         }
          ul.view-list-images li a.help_FAQ
         {
             background:#fff url("../Images/help/about_FAQ.png") no-repeat;
             height:139px;
             width:211px;
         }ul.view-list-images li a.help_FAQ:hover
         {
             background:#fff url("../Images/help/about_FAQ_hover.png") no-repeat;
         }
         
	/* selected */	
.timePickerContainer .selector, .timePickerContainer .cmbselect
{
    width:48px!important;
    min-width:48px!important;
    margin-left:4px;
    }
    
    .cmbselect
    {
        margin-left:4px!important;
    }
    
    .errorcell input, .errorcell > div
    {
        color: #ff0000;
    }

.file-selected
{
    background-image: url('../Images/correct-file.png');
    background-repeat: no-repeat;
    background-position: left center;
    padding:11px 5px 10px 16px;
}

.wrong-file
{
    background-image: url('../Images/wrong-file.png');
    background-repeat: no-repeat;
    background-position: left center;
    padding:11px 0px 10px 26px;
    font-weight: bold;  
    color:#FF0000 !important;
    font-size:10px !important;
}

.no-files 
{
    
}
	
/****** customer code  ******/

.normalbutton .button{
    color: #fff;
    font: bold 11px"Verdana", Arial, Helvetica, sans-serif;
    text-decoration: none; 
    letter-spacing: -1px;   
    position: relative;
    display: inline-block;
	text-shadow:none!important;
	text-transform:uppercase;
    background: #3b7ee5!important;
    background: -moz-linear-gradient(top, #3b7ee5 0%, #0a3474 100%)!important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3b7ee5), color-stop(100%, #0a3474))!important;
    background: -webkit-linear-gradient(top, #3b7ee5 0%, #0a3474 100%)!important;
    background: -o-linear-gradient(top, #3b7ee5 0%, #0a3474 100%)!important;
    background: -ms-linear-gradient(top, #3b7ee5 0%, #0a3474 100%)!important;
    background: linear-gradient(top, #3b7ee5 0%, #0a3474 100%)!important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b7ee5', endColorstr='#0a3474')!important;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b7ee5', endColorstr='#0a3474')"!important;
    border:1px solid #3277e0!important;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	margin: 5px 10px 4px 10px;
	vertical-align:top;
}
.FAQ-left-menu ul li a:focus,.welcomemsg, a:hover, .pendingPaper:hover
{
    color:#4083e9;
}
 .pendingPaper, .tool-menu-pop-container a:hover, .FAQ-left-menu ul li a:hover,  a, a:active
{
    color:#002564;
	text-decoration:none;
}

#active-trading-nav .top-level > li .tab a:hover, #active-trading-nav .top-level > li.selected .tab a, #sub-navigation .top-level > li .tab a:hover,
#sub-navigation li.selected .tab a {
  color: #083ea7;
  }
